<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:c="http://java.sun.com/jsp/jstl/core">
    <f:view>
        <head>
            <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
            <title>Citas Detalle</title>

            <script type="text/javascript" src="../common/js/citas.js"></script>

            <style>
                /*.unavailable a {background-color: blue}
                .available{background-color: green}*/

                td.unavailable, table.ui-datepicker-calendar tbody td.unavailable a { background: orangered; }

                td.ok, table.ui-datepicker-calendar tbody td.ok a { background: #C4E1A4; }


            </style>





        </head>
        <body>                                                   
            <input type="hidden" id="id_paciente" />
            
            <!--<table width="100%">
                <tr class="ui-widget-header">
                    <td>Identificaci&oacute;n</td>
                    <td>Nombre</td>
                    <td>Fecha Nacimiento</td>
               </tr>
                <tr>
                    <td id="identificacion"></td>
                    <td id="nombre"></td>
                    <td id="fecnac"></td>
                </tr>
            </table>-->




            <br />
            <table>
                <tr align="left">
                    <td>Ips</td>
                    <td>
                        <select id="id_sede" name="id_sede" class="text ui-widget-content"></select>
                    </td>
                </tr>
                
                <tr align="left">
                    <td>Especialidad</td>
                    <td>
                        <select id="id_especialidad" name="id_especialidad" class="text ui-widget-content"></select>
                    </td>
                </tr>
                <tr align="left">
                    <td>M&eacute;dico</td>
                    <td>
                        <select id="id_medico" name="id_medico" class="text ui-widget-content" onchange="consultarTurnos()"></select>
                    </td>
                </tr>
            </table>
            
            <center>
                <div id="calendario"></div>
            </center>
            
            <div id="lista-turnos">                
            </div>



        </body>
    </f:view>
</html>
